<div class="divstudentlistcontent">
    <hr />
    <div class="divsort">
        <button (click)="sortItemsClick(studentList)">按平均分{{sort===0?'升序':sort===1?'降序':'升序'}}</button>
        &nbsp;&nbsp;&nbsp;
        <app-filter-sexy (onFilterSexyChange)="onFilterSexy($event)"></app-filter-sexy>
        <button (click)="addStudent()" > 添加一个学生</button>
    </div>
    <hr />
    <div class="divstudentlist">
        <ng-container *ngFor="let item of studentList">
            <app-student [student]="item" (selectClick)="selectStudentClick($event)">
            </app-student>
        </ng-container>
    </div>

   

    <div class="divstudentlist">
        <ng-container *customNgFor="let item of studentList" >
            <app-student [student]="item" (selectClick)="selectStudentClick($event)">
            </app-student>
        </ng-container>
    </div>

    <!-- <ng-template #myTemplate  ></ng-template>-->
    <!-- <app-student-foot [student]="studentList[0]" (selectClick)="selectStudentClick($event)">
    </app-student-foot> -->

    <div class="divstudentlistfoot">
        <ng-container *ngFor="let item of studentList">
            <app-student-foot [student]="item" (selectClick)="selectStudentClick($event)">
                <!-- 头像 -->
                <!-- <img class="rounded mx-auto" [src]="item.img" (click)="selectStudentClick(item)"> -->
                <!-- 姓名 -->
                <span>{{item.name}}</span>
                <ng-template #custompingding *ngIf="(item.shuxue+item.yinyu+item.yuwen)/3<60">
                    <div class="divnogood">成绩不合格！</div>
                </ng-template>
                <!-- 年龄 -->
                <!-- <div>{{item.age}}</div> -->
                <!-- 还可以投影组件 此处省略一万个小花-->
            </app-student-foot>
        </ng-container>
    </div>
    <!-- <app-student-list-foot [studentList]="studentList">
        <ng-container *ngFor="let item of studentList">
            <app-student-foot [student]="item" ref="studentfoot">
                <span #spanname>{{item.name}}</span>
            </app-student-foot>
        </ng-container>
    </app-student-list-foot> -->
    <!--  -->


</div>